<template>
    <div class="seoCustomer"  v-if="store.isPc">
    <!-- 头部导航开始 -->
    <HomeHeader></HomeHeader>
    <!-- 头部导航结束 -->
    <!-- 主体部分开始 -->
    <section class="aiseo-seoCustomer-main">
      <seoBanner
        bgUrl="https://oss-imag.aiseoword.com/aiseo-image/img-tab03-bannerIMG.webp"
        title="SEO定制"
        subTitle=" 让您的网站成为行业焦点. 最具威力的推广方法之一"
        :listArr="['精准引流全面覆盖', '支出费用更低', '效果覆盖广阔']"
        chatInfo="您好, 我想了解更多关于SEO定制的内容"
        buttonText="定制咨询"
      ></seoBanner>
     <seoContener chatInfo="您好, 我想了解更多关于SEO定制的内容"></seoContener>
     <EndButton message="您好, 我想了解更多关于SEO定制的内容"></EndButton>
    </section>
    <!-- 主体部分结束 -->
    <!-- 底部开始 -->
    <HomeFooter></HomeFooter>
    <!-- 底部结束 -->
  </div>
</template>

<script setup>
import tabbarContent from "@/components/mobileComponent/tabbarContent.vue";
import HomeHeader from "@/components/homePage/header/index.vue";
import HomeFooter from "@/components/homePage/footer/index.vue";
import seoBanner from "@/components/seoCustomer/banner/index.vue";
import seoContener from "@/components/seoCustomer/seoContener/index.vue";
import EndButton from "@/components/common/views/EndButton.vue";
import { onMounted } from 'vue';
import { useStore } from '@/store/index';
	const store = useStore();
onMounted(()=>{
    const element = document.getElementById("app");
    element.scrollTop = 0
  })
</script>

<style lang="scss" scoped>
.seoCustomer {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  .aiseo-seoCustomer-main {
    width: 100%;
    background: #f5f5f5;
  }
}
</style>


